//通用代码
.aw-hide{display:none;}
.aw-show{display:block !important;}
.aw-overflow-hidden{overflow:hidden;}
.aw-float-left{float:left !important;}
.aw-float-right{float:right !important;}
.aw-text-left{text-align:left !important;}
.aw-text-right{text-align:right !important;}
.aw-text-center{text-align:center !important;}
.aw-img-w100{width: 100%;display: block;}
.aw-clear-both{clear: both;}
.aw-border-none{border:0px !important;}
.overflow-hidden{overflow: hidden !important;}
.clear-both{clear:both;}
//外边距-内边距
.aw-margin-padding(@n,@i:0,@ipx:0px) when (@i =< @n) {
    .aw-mt@{i}{
        margin-top:@ipx !important;
    }
    .aw-ml@{i}{
        margin-left:@ipx !important;
    }
    .aw-mr@{i}{
        margin-right:@ipx !important;
    }
    .aw-mb@{i}{
        margin-bottom:@ipx !important;
    }
    .aw-mlr@{i}{
        margin-left:@ipx !important;margin-right:@ipx !important;
    }
    .aw-mtb@{i}{
        margin-top:@ipx !important;margin-bottom:@ipx !important;
    }
    .aw-m@{i}{
       margin:@ipx !important;
    }
    .aw-pt@{i}{
        padding-top:@ipx !important;
    }
    .aw-pl@{i}{
        padding-left:@ipx !important;
    }
    .aw-pr@{i}{
        padding-right:@ipx !important;
    }
    .aw-pb@{i}{
        padding-bottom:@ipx !important;
    }
    .aw-plr@{i}{
       padding-left:@ipx !important;padding-right:@ipx !important;
    }
    .aw-ptb@{i}{
       padding-top:@ipx !important; padding-bottom:@ipx !important;
    }
    .aw-p@{i}{
       padding:@ipx !important;
    }
    .aw-margin-padding(@n,(@i + 5),(@ipx + 5));
}
.aw-margin-padding(200);
.aw-font-weight{font-weight:bold;}
//颜色
.aw-bg-primary{background:#8075c4;}
.aw-bg-warning{background:#FCB322;}
.aw-bg-info{background:#41cac0;}
.aw-bg-success{background:#a9d86e;}
.aw-bg-red{background:#ff6c60;}
.aw-bg-blue{background:#57c8f2;}
.aw-bg-yellow{background:#f8d347;}
.aw-bg-terques{background:#6ccac9;}
.aw-control-text{line-height: 34px;}
//内容区
.aw-content{
    padding:10px 15px;
}
//通用按钮居中
.aw-content-btn{
    text-align: center;padding:20px 0px;
}
//列表
.aw-list{
    margin-top: 10px;
    //列表-顶部
    .aw-list-head{padding-bottom:15px;}
    .aw-head-add{float: left;}
    .aw-head-search{
        float: right;
        div,a{float: left;margin:0px;}
        div{padding-right:10px;}
    }
    //列表分页    
    .aw-list-page{
        padding:15px 10px 10px;
    }
    .aw-page-text{
        line-height:32px;
    }
    .aw-page-list{
        @active-bg:#ff6c60;
        @active-coloer:#fff;
        @hover-bg:#eee;
        @hover-coloer:#797979;
        float:right;
        li{
            float:left;
            margin:0 1px;
            border:1px solid #ddd;
            border-radius:3px;
            -webkit-border-radius:3px
        }
        li.disabled a{
            color:#c7c7c7
        }
        li a{
            color:#797979;
            padding:5px 10px;
            display:inline-block
        }
        li.active{
            border-color:@active-bg !important;
        }
        li.active a{
            color:@active-coloer !important;
            background:@active-bg !important;
        }
        li:hover{
            border-color:@hover-bg;
        }
        li:hover a{
            color:@hover-coloer;
            background:@hover-bg;
        }
        
    }
}
.layer-push-class{
    .layui-layer-btn0,.layui-layer-btn1,.layui-layer-btn2{
        border-color: #4898d5;
        background-color: #2e8ded;
        color: #fff;
    }
}
//banner修改
.aw-banner{
    margin-top: 10px;
    .aw-content-btn{padding-bottom: 40px;}
}
.aw-banner-list{overflow: hidden;}
.aw-banner-li{
    padding-bottom:20px;
    h3{font-size:20px;}
    h3 .checkbox{
        float: right;font-size:16px;height:22px;line-height: 22px;margin:0px;margin-top:3px;
//      label{padding:0px 0px 0px 30px;line-height: 22px;}
    }
    img{width:100%;}
    a{display: block;text-align: center;line-height: 30px;color:red;}
    input.form-control,textarea.form-control{margin-top: 10px;}
}
.aw-banner-li-upload{
    position: relative;overflow: hidden;
    .aw-upload-file{margin:0px;position: absolute;top:-50px;left:0px;width: 100%;height:200%;}
}
//表单
.aw-form{
    .control-label{font-size:18px;font-weight: 500;padding-bottom: 5px;}
    textarea{
        min-height:240px;
        resize:none;
    }
}
.aw-form-explore{
    .col-lg-9{padding:0px;}
    .control-label{font-size:16px;}
    .aw-banner-li{
        h3{margin-top: 10px;font-size:20px;}
        .form-group{
             position: relative;overflow: hidden;padding-bottom:0px;
            input{position: absolute;top:-100px;}
            .error{}
        }
    }
    textarea{
        min-height:111px;padding-bottom: 20px;
    }
    .form-group-hide{
        overflow: hidden;position: relative;height: 30px;
        div{position: absolute;top:-34px}
    }
    .aw-explore-textnum{
        position: absolute;right:20px;bottom:18px;color:#888;font-size:12px;
        span{color:#ff6c60;}
    }
}
//尾部管理
.aw-foot-setup{
    .aw-setup-code{padding:0px 15px 15px !important;}
    .aw-foot-upload{
        position: relative;overflow: hidden;width: 80px;height: 80px;
        img{width:100%;}
        .aw-upload-file{margin:0px;position: absolute;top:-50px;left:0px;width: 100%;height:200%;}
    }
    .aw-foot-a{display: block;text-align: center;line-height: 30px;width: 80px;color:red;}
}
.wrapper{padding-bottom: 33px;}
.foot-support{
    position: fixed;left:0px;bottom:0px;z-index:1001;color: #fff;background:#333;width:100%;padding:10px 30px;padding-left: 75px;
    img{float: left;margin-right:80px;height:28px;}
    p{margin:0px;line-height:28px;float: left;margin-right:20px;}
}

.aw-layer-edit-icon{
    padding:20px 10px 10px;width:200px;margin:0px auto;
    img{height:100px;width:100px;}
}
.aw-layer-edit-station{
    width:300px;
}
.aw-layer-edit-commodity{
    width:420px;
}
//tab切换tag
.aw-list-tab{
    .btn{
        position: relative;padding-left:15px;padding-right:15px;margin-right:10px;
    }
}
.aw-tab-btn-tag{
    position: absolute;top:-10px;right:-10px;display: block;
    width:24px;height:24px;line-height:23px;
    text-align: center;font-weight:normal;font-size:12px;
}
//列表为空
.aw-list-null{
    padding:80px 0px 10px;background:url("/admin/img/list_nul.png") no-repeat center top;
    line-height:30px;margin-top: 20px;
}
.aw-v-button{position: relative;overflow: hidden;}
.aw-button-file{
    position: absolute;width:300%;height:300%;left:-100%;top:-100%;
}

.form-group-text{padding-top:7px;}

//列表多个搜索条件,input title文字
.aw-list-input-title{line-height:34px;}


//分类-职位-权限root管理
@oot_color:#78cd51;
.aw-checkbox-root{
    padding: 20px;border:3px solid #ccc;margin-top: 10px;
    &.active{
        border-color:@oot_color;
        .aw-checkbox-list-title{
            a{color:@oot_color;}
        }
    }
    a{
        height:34px;line-height:30px;font-weight:normal;border:2px solid #ccc;color: #999;
        &.active{border-color:@oot_color !important;background:@oot_color !important;color: #fff !important;}
    }
}
.aw-checkbox-list-title{
    font-size:20px;
    a{border:0px;}
}
.aw-checkbox-list{
    padding:10px 0px 0px;
    a{
        margin:5px 10px 5px 0px;padding:0px 7px;display: block;float: left;
        &:hover{border-color:@oot_color / 0.9;color:@oot_color / 0.9;}
    }
}

//球队管理-球队详情
.aw-team-imgs{
    position: relative;padding-left:90px;
    .aw-team-img{position: absolute;top:0px;left:0px;width:80px;height:80px;}
    .aw-team-img img{width: 100%;height: 100%;}
}
.aw-team-comment-list{}
.aw-team-comment-li{
    margin:10px 0px 0px 10px;border:1px solid #ddd;border-radius:50px;line-height:38px;width:180px;overflow: hidden;padding:0px 15px;height:40px;float: left;
    text-align: center;position: relative;
    div{width:60%;float:left;}
    div.aw-text-right{width:40%;}
    a{position: absolute;top:8px;right:8px;}
}


//场地列表
.aw-field-list{margin-top:10px;padding-bottom:20px;}
.aw-field-list-li{padding:10px;}
.aw-field-li{
    border:1px solid #ddd;border-radius:5px;padding:10px 15px;position: relative;
    p{margin:0px;line-height:24px;}
    a{position: absolute;top:5px;right:5px;}
    .btn-blue{right:30px;}
    .progress{margin:5px 0px 0px;}
    span{height:20px;line-height:20px;color: #fff;}
}

//场地详情-场地时间表
.aw-field-time-list{margin-top:10px;padding-bottom:20px;}
.aw-field-time-list-li{padding:10px;}
.aw-field-time-li{
    border:2px solid #78cd51;color: #78cd51;padding:40px 20px 30px;text-align: center;line-height:20px;color:#333;
    p{margin:0px;}
    span,button{position: absolute;top:10px;}
    span{right:10px;line-height:24px;padding:0px 10px;display: block;background:#78cd51;color: #fff;}
    button{top:15px;left:15px;}
    input{}
    &.open{
        //空位
        border-color:#78cd51;
        span{background:#78cd51;}
    }
    &.reserve{
        //已预定
        border-color:#ff6c60;
        span{background:#ff6c60;}
    }
    &.locking{
        //锁定
        border-color:#666;
        span{background:#666;}
    }
}

//场地管理-日历浏览模式
.aw-calendar-list{overflow: hidden;margin:0px;}
.aw-calendar-li{
    float:left;width:100%/7;padding:10px;
    p{margin:0px;}
}
.aw-calendar-tab{
    border-bottom:5px solid #78cd51;line-height:40px;
    .aw-calendar-li{text-align:center;}
}
.aw-calendar-body{
    margin-top:10px;line-height:24px;
    .aw-calendar-li{
        border-bottom:1px solid #ddd;
        border-right:1px solid #ddd;
        &:nth-child(1),&:nth-child(2),&:nth-child(3),&:nth-child(4),&:nth-child(5),&:nth-child(6),&:nth-child(7){
            border-top:1px solid #ddd;
        }
        &:nth-child(1),&:nth-child(8),&:nth-child(15),&:nth-child(22),&:nth-child(29){
            border-left:1px solid #ddd;
        }
    }
}
.aw-calendar-li-time-list{margin-top:5px;}
